@charset "utf-8";
/* CSS Document */

/*********************************
 BROWSER RESET
*********************************/

*{
    margin:0;
    padding:0;
    list-style:none;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.2;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

/*
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*/

/******************************
 TAGS ( DEFAULT DO DOCUMENTO )
******************************/
body{
	background-color:			#CCCCCC;
}
a{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					9px;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
	}
	
a:link{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					9px;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
	}
	
a:hover{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					9px;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
	}
	
a:visited{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					9px;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
	}

p{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					9px;
	font-style:					normal;
	font-variant:				normal;
	font-weight:				normal;
	color:						#000;
	text-decoration:			none;
	}

/*****************************
          IDENTIFICADORES 
 *****************************/
 
#all{
	padding:					20px;
	}
#page{
	width:						758px;
	height:						1158px;
	border:						#000 1px solid;
	border-right:				#000 3px solid;
	border-bottom:				#000 3px solid;
	background-color:			#FFF;
	margin:						0 auto;
	padding:					20px;
	text-align:					center;/*IE HACK PARA CENTRALIZAR A PAGINA*/
	}
#header{
	width:						760px;
	height:						120px;
	border:						#000 0px solid;
	border-bottom:				#000 2px solid;
	padding:					0px;
	padding-bottom:				5px;
	margin-bottom:				10px;
	}
#atributes{
	width:						760px;
	height:						150px;
	border:						#000 0px solid;
	border-bottom:				#000 2px solid;
	padding:					0px;
	margin-bottom:				10px;
	}
#skills{
	width:						240px;
	height:						750px;
	border-right:				#000 1px solid;
	padding:					2px;
	float:						left;
}
#traits{
	margin-right:				-2px;
	width:						506px;
	height:						750px;
	border:						#000 0px solid;
	padding:					2px;
	float:						right;
}
	#traitsLeft{
		width:						245px;
		height:						740px;
		border:						#000 1px solid;
		padding:					2px;
		float:						left;
	}
	#traitsRight{
		width:						245px;
		height:						740px;
		border:						#000 1px solid;
		padding:					2px;
		float:						right;
	}
#footer{
	width:						758px;
	height:						40px;
	border:						#000 1px solid;
	padding:					0px;
	padding-top:				5px;
	margin-top:					10px;
	text-align:					left;
	}
	
 /*****************************
              CLASSES 
 *****************************/

.skillsKind{
	width:						238px;
	height:						241px;
	border:						#000 0px solid;
	padding:					2px;
	margin-bottom:				3px;
}
.traitsKind1{
	width:					239px;
	height:					240px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind2{
	width:					239px;
	height:					200px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind3{
	width:					239px;
	height:					150px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind4{
	width:					239px;
	height:					110px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind5{
	width:					239px;
	height:					50px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind6{
	width:					239px;
	height:					290px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind7{
	width:					239px;
	height:					120px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}
.traitsKind8{
	width:					239px;
	height:					60px;
	border:					#000 1px solid;
	padding:				2px;
	margin-bottom:			3px;
}

.clear{
	clear: both;
}
 /*****************************
          HEADER CLASS
 *****************************/


.headerLine{
	width:						100%;
	height:						25px;
	margin:						0px;
	margin-bottom:				1px;
	padding:					0px;
	text-align:					left;
}
.headerCol1{
	width:						83px;
	height:						20px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	display:					inline;
	float:						left;
	vertical-align:				baseline;	
}
.headerCol2{
	width:						150px;
	height:						19px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	border-bottom:				#000 1px solid;
	float:						left;
	vertical-align:				baseline;	
}
.headerCol3{
	width:						83px;
	height:						20px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	float:						left;
	vertical-align:				baseline;	
}
.headerCol4{
	width:						150px;
	height:						19px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	border-bottom:				#000 1px solid;
	float:						left;
	vertical-align:				baseline;	
}
.headerCol5{
	width:						83px;
	height:						20px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	float:						left;
	vertical-align:				baseline;	
}
.headerCol6{
	width:						150px;
	height:						19px;
	padding-top:				5px;
	padding-left:				10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#999 0px solid;
	border-bottom:				#000 1px solid;
	float:						left;
	vertical-align:				baseline;	
}

.headerCol2 input{
	border:						#FFF 0px solid;
	background-color: 			#FFFFF5;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
}
.headerCol4 input{
	width:						150px;
	border:						#FFF 0px solid;
	background-color: 			#FFFFF5;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
}
.headerCol4 select{
	width:						150px;
	border:						#FFF 0px solid;
	background-color: 			#FFFFF5;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
}
.headerCol6 input{
	border:						#FFF 0px solid;
	background-color: 			#FFFFF5;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
}


 /*****************************
        ATRIBUTES CLASS
 *****************************/


.atributesLine{
	width:						100%;
	height:						25px;
	margin:						0px;
	border-bottom:				#FFF 1px solid;
	padding:					0px;
	text-align:					left;
}
.atributesHeader{
	width:						100%;
	height:						25px;
	margin:						0px;
	border-bottom:				#000 1px solid;
	padding:					0px;
	text-align:					left;
}
.atributesCol1{
	width:						85px;
	height:						20px;
	padding-top:				5px;
	padding-left:				5px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-Left:				#999 1px solid;
	border-right:				#999 1px solid;
	display:					inline;
	float:						left;
	vertical-align:				baseline;	
}
.atributesCol2{
	width:						90px;
	height:						20px;
	padding-top:				5px;
	padding-left:				5px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:				#FFF 1px solid;
	float:						left;
	vertical-align:				baseline;	
}
.atributesCol3{
	width:						115px;
	height:						20px;
	padding:					5px;
	padding-bottom:				0px;
	font-family:                            	Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:                           	#999 1px solid;
	text-align:					right;
	float:						left;
	vertical-align:                         	baseline;
}
.atributesCol4{
	width:						90px;
	height:						20px;
	padding-top:                            	5px;
	padding-left:                           	5px;
	font-family:                            	Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:                           	#FFF 1px solid;
	float:						left;
	vertical-align:                         	baseline;
}
.atributesCol5{
	width:						115px;
	height:						20px;
	padding:					5px;
	padding-bottom:                         	0px;
	font-family:                            	Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	text-align:					right;
	color:						#000;
	border-right:                           	#999 1px solid;
	float:						left;
	vertical-align:                         	baseline;
}
.atributesCol6{
	width:						90px;
	height:						20px;
	padding-top:                            	5px;
	padding-left:                           	5px;
	font-family:                            	Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#000;
	border-right:                           	#FFF 1px solid;
	float:						left;
	vertical-align:                         	baseline;
}
.atributesCol7{
	width:						117px;
	height:						20px;
	padding:					5px;
	padding-bottom:                 		0px;
	font-family:                    		Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	text-align:					right;
	color:						#000;
	border-right:                           	#999 1px solid;
	float:						left;
	vertical-align:                         	baseline;
}

 /*****************************
         SKILLS CLASSES 
 *****************************/

.habilitiesColum{
	width:						60%;
	height:						200px;
	float:						left;
	text-align:					left;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:					15px;
}
.habilitiesColum div{
	padding-top:                            	3px;
	height:						20px;
	border-bottom:                          	1px solid #000;
}
.dotHabilitiesColum{
	width:						40%;
	height:						200px;
	float:						right;
	text-align:					left;
}
.dotHabilitiesColum img{
	padding-top:				6px;
}
 /*****************************
         MERITS CLASSES 
 *****************************/

.meritsColum{
	width:						60%;
	height:						200px;
	float:						left;
	text-align:					left;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:					15px;
}
.meritsColum div{
	padding-top:				5px;
	height:						22px;
}
.meritsColum select{
	border:						1px solid #000;
	width:						140px;
}
.dotMeritsColum{
	width:						40%;
	height:						200px;
	float:						right;
	text-align:					right;
}
.dotMeritsColum div{
	height:						22px;
	padding-top:				5px;
	text-align:					left;
}

 /*****************************
         DETAIL CLASSES 
 *****************************/
.detail{

}
.detailColum{
	width:						50%;
	float:						left;
	text-align:					right;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:					13px;
}
.detailColum div{
	padding-top:				5px;
	height:						18px;	
}
.detailColum select{
	border:						1px solid #000;
	width:						140px;
}
.valueDetailColum{
	width:						30%;
	float:						right;
	text-align:					right;
	margin-left:				10%;
	margin-right:				10%;
	display: 					inline;
}
.valueDetailColum div{
	height:						18px;
	padding-top:				4px;
	text-align:					center;
	border-bottom:				1px solid #000;
}



 /*****************************
          FONT CLASSES 
 *****************************/
.header{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					9px;
	color:						#999;
	margin-left:				10px;
	display:					block;
	}
.title{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	height:						20px;
	font-size: 					14px;
	color:						#000;
	font-weight:				bold;
	margin:						0px;
	padding:					0px;
	}
.small{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					9px;
	height:						10px;
	color:						#999;
	margin:						0px;
	padding:					0px;
	padding-bottom:				9px;
	border-bottom:				2px #000 solid;
	}

.footer{
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					9px;
	color:						#999;
	margin-left:				10px;
	display:					block;
}

 /*****************************
          Floating Box
 *****************************/

#floatingBox{
	position:					fixed;
	top:						0px;
	right:						0px;
	background-color:			#EEF;
	width:						200px;
	border:						1px solid black;
	padding:					10px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	color:						#000000;
	}
#floatingBox form legend{
	font-weight:				bold;
	font-size:					12px;
	text-align:					center;
	}